<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"/>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/login.css"/>
    <link rel="stylesheet" href="icon/iconfont.css"/>
    <link rel="stylesheet" href="css/com-footer.css"/>
    <title>我的课程</title>
</head>
<body>
    <div class="all_lesson content">
        <div class="lesson_clock">
            <ul class="clear">
                <li><p class="s1">今天</p></li>
                <li>
                    <p class="s2">
                        <span>03.08</span>
                        <span>周二</span>
                    </p>
                </li>
                <li>
                    <p class="s2">
                        <span>03.08</span>
                        <span>周二</span>
                    </p>
                </li>
                <li>
                    <p class="s2">
                        <span>03.08</span>
                        <span>周二</span>
                    </p>
                </li>
                <li>
                    <p class="s2">
                        <span>03.08</span>
                        <span>周二</span>
                    </p>
                </li>
                <li class="on">
                    <p class="s2">
                        <span>全部</span>
                        <span>课程</span>
                    </p>
                </li>
            </ul>
        </div>
        <div class="yuyue_card">
            <ul>
                <li>
                    <div class="m-list list-justify">
                        <div class="m-list-name">
                            <div class="imgClu fl">
                                <img src="img/index_detail_img03.png" alt=""/>
                                <div class="card_tag">会员卡</div>
                            </div>
                            <div class="info1 fl">
                                <h2>work+私教馆年卡</h2>
                                <p class="p2">有效期：2016.01.01 -2017.01.01</p>
                            </div>
                        </div>
                        <div class="m-list-inner">
                            <i class="icon icon-arrow"></i>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="m-list list-justify">
                        <div class="m-list-name">
                                <div class="imgClu fl">
                                    <img src="img/index_detail_img03.png" alt=""/>
                                    <div class="card_tag">课时卡</div>
                                    <p class="effect_date">有效期：12月30日</p>
                                </div>


                            <div class="info2 fl">
                                <h2>LAZAR</h2>
                                <p class="p1">剩余时间：10课时</p>
                                <p class="p2">work+私教馆</p>
                            </div>
                        </div>
                        <div class="m-list-inner">
                            <a href="#" class="btn btn-short">去预约</a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <p class="tuikuan_title clear">
            <span class="fl">work+私教馆</span>
            <span class="fr"><i class="icon icon-zuobiao"></i>&nbsp;&nbsp;查看地图</span>
        </p>
        <div class="lesson_list">
            <div class="lesson_list_unit">
                <div class="m-list list-justify">
                    <div class="m-list-name">
                        <div class="imgClu fl">
                            <img src="img/group_img01.png" alt=""/>
                        </div>
                        <div class="info fl">
                            <h2>综合体能训练</h2>
                            <p class="p1">03月05日 12:00</p>
                            <p class="p2">￥59</p>
                        </div>
                    </div>
                    <div class="m-list-inner">
                        <a href="#" class="btn btn-short">预约成功</a>
                    </div>
                </div>
            </div>
            <div class="lesson_list_unit">
                <div class="m-list list-justify">
                    <div class="m-list-name">
                        <div class="imgClu fl">
                            <img src="img/group_img01.png" alt=""/>
                            <div class="lesson_list_tag">私教</div>
                        </div>
                        <div class="info per fl">
                            <h2>综合体能训练</h2>
                            <p class="p1">03月05日 12:00</p>
                            <p class="p2">KendoTrainingClub</p>
                        </div>
                    </div>
                    <div class="m-list-inner">
                        <a href="#" class="btn btn-short btn-disable">已结课</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="common-footer-box">
        <div class="common-footer clear">
            <a href="index.html">
                <i class="iconfont icon-changguan"></i>
                <span>附近场馆</span>
            </a>
            <a href="team_class.html">
                <i class="iconfont icon-mukeappicon03"></i>
                <span>小团体课</span>
            </a>
            <a href="personal_guide.html">
                <i class="iconfont icon-jianshenjiaolian"></i>
                <span>私人指导</span>
            </a>
            <a class="on" href="#">
                <i class="iconfont icon-iconfontuser"></i>
                <span>我的课程</span>
            </a>
        </div>
    </footer>
</body>
</html>